CSS case study biblio - voorbereiding
Home

CSS case study biblio - voorbereiding

CSS case study biblio - voorbereiding

We willen leren werken met flexbox. Om dat goed te kunnen doen bereiden we een html pagina voor met elementen die geschikt zijn voor het leren van flexbox. Als onderwerp kiezen we een winkel.

Video

Voorbereiding

  1. Wat hieraan voorafgaat
    1. CSS case study biblio - probleemdefinitie
  2. Maak een submap in de webtechnologie map met de naam biblio. Daarin maak je twee submappen, één met de naam css en de andere met de naam image. In de image map maak je een submap met de naam cover:
    ─webtechnologie
       ├───biblio
       │   ├───css
       │   └───image
       │       └───cover
  3. We zoeken een logo op het internet. Als zoekterm typen we cartoon bookshelf in. We letten erop dat er geen voorwaarden zijn om de cartoon te gebruiken. We hebben een geschikte afbeelding gevonden op: https://www.hiclipart.com/free-transparent-background-png-clipart-mkdnq. We downloaden die in de map biblio/image.
  4. De covers van de boeken kan hier bookcover.zip downloaden. Plaats ze in de map biblio/image/cover.
  5. De afbeeldingen en lgo's kan je hier biblio-image.zip downloaden. Plaats ze in de map biblio/image.

JI
2020-11-07 12:24:02